/*
	Author: ZHONG Shan
*/

*{
	/* Universal reset: */
	margin:0;
	padding:0;
}
hr{
    margin:10px 2px 10px 2px;
}
button input:submit{
    font-size: 0.7em !important;
}
/***** Global *****/
/* Body */
        .middle{
            vertical-align:middle;
            float:none;
            width: 400px;
            margin:10px auto 50px auto;
            padding: 20px;
            background: white;
            border: 1px inset gray;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }
        .link_div{
            margin:10px;
        }
	body {
		background: #fff;
		color: #000;
		font-size: 87.5%; /* Base font size: 14px */
		font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
		line-height: 1.429;
		margin: 10px 0 10px 0;
		padding: 0;
		text-align: left;
	}

header,footer,
article,section,
hgroup,#nav_div,
figure{
	/* Giving a display value to the HTML5 rendered elements: */
	display:block;
}

/* Headings */
h2 {font-size: 1.571em; text-decoration:none;}	/* 22px */
h3 {font-size: 1.429em}	/* 20px+a little */
h4 {font-size: 1.286em; margin:3px auto 1px auto;}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}		/* 14px */

h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}

/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none; vertical-align:middle;}
a:link, a:visited {
	color: #CC6666;
	padding: 0 1px;
	text-decoration: underline;
}
a:hover, a:active {

	color: #000;
	text-decoration: none;
	text-shadow: 1px 1px 1px grey;
}

/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}
::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}

/* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}



/*****
Layout
*****/
.body { margin: 0 auto; width: 800px;}
img.right figure.right {float: right; margin: 0 0 1em 1em;}
img.left, figure.left {float: right; margin: 0 0 1em 1em;}
    #publish_editor{
        width: 400px;
            font-family: Tahoma,宋体;
            border-style: solid;
            border-width: 1px;
            word-wrap: break-word;
            font-size: 14px;
            line-height: 18px;
            overflow-x: hidden;
    }
	#mini_banner{
		right:280px;
		top:15px;
                width:50px;
		float:right;
		position:absolute;
		margin:0;
		padding:0;
		overflow:hidden;
		background:#BBB;
                height:30px !important;
	}
        #m_bbg{
                opacity:0.2;
		background:none repeat scroll 0 0 #000;
		height: 40px;
		width:auto;
		top:0;
		left:0;
		position:absolute;
		margin-top:1px;
		z-index:-10;
		overflow:hidden;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
        #m_bbg2{
            	width:auto;
		position:relative;
		float:left;
        }
        #mini_banner ul {
                
		list-style:none;
		margin: 0 auto;
		width: auto;
    		text-align: center;
	}
	#mini_banner ul li { float: left; display: inline; margin: 0;}
	#mini_banner div a {
		height: 25px;
		padding: 5px 0.2em;
                display: inline-block;
		text-decoration: none;
                font-size:90%;
		color: #eee;
		text-shadow: none !important;
                
	}
	#mini_banner div a:hover{
		z-index:130;
		color:#fff;
		border-radius: 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px;
		text-decoration:underline;
	}
	/* Banner */
	#banner {
        background:url('/images/banner.jpg') repeat-x center center;
	clear:both;
	right:40px;
	margin: 0px auto 100px;
	padding: 2.1em 0.1em 0.1em 0.1em;
	width:850px;
	height:5    0px;
	top:-30px;
	z-index:101;


}
	#banner h1 {
		left:30px;
		position:relative;
		font-size: 1.571em;
		line-height: .6;
        }
	#banner h1 a:link, #banner h1 a:visited {
		color: 	#ddd;
		display: block;
		font-weight: bold;
		margin: 0 0 1.5em .2em;
		text-decoration: none;
		width: 190px;
		text-shadow: 1px 1px 1px #999;
	}
	#banner h1 a:hover, #banner h1 a:active {
		background: none;
		color: #888;
		text-shadow: 1px 1px 1px #333;
	}
	#nav_div {
		margin: 0 auto 10px auto;
		padding: 0 10px;
		width: 500px;
		height: 40px;
		float:right;
		position:absolute;
		right:auto;

		background-color: transparent;
		font-size: 1.143em;
		line-height: 30px;
		text-align: center;
	}
	#bbg {
		opacity:0.45	;
		background:none repeat scroll 0 0 #000;
		height: 40px;
		width:660px;
		top:0;
		left:160px;
		position:absolute;
		margin-top:1px;
		z-index:-10;
		overflow:hidden;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	#bbg2{

	}

	#banner ul {
		list-style:none;
		margin: 0 auto;
		width: 800px;
		right:0px;

	}
	#banner ul li {
            float: left;
            display: inline;
            margin: 0;
            left: 140px;
            position: relative;
            font-weight: bold;
        }
	#banner div a {
		display: inline-block;
		height: 30px;
		padding: 5px 1.5em;
		text-decoration: none;
		color: #eee;
		text-shadow: none !important;
	}
	#banner div a:hover{
		z-index:130;
		color:#fff;
		border-radius: 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px;
		text-decoration:underline;
	}

/*
	Body
*****************/
.block{
	background: #ddd;
	margin-bottom: 2em;
	overflow: hidden;
	padding:  5px;
	margin: 5px;
        min-height: 50px;
	-webkit-box-shadow: 10px 10px 5px #888;
}
 .block p{
        word-wrap:break-word;
        overflow:hidden;
}
#content {
	min-height:440px;
	float:left;
	width: 450px;
}
#search_result {
	min-height:30px;
	display:none;
}
#description {
	margin-bottom: 2em;
	overflow: hidden;
	padding: 5px 20px 5px 20px;
	width: 180px;
	min-height: 150px;
	float:left;
	margin: 5px;
}

#ac{
	border:medium none;
	background:#fff;
	color:grey;
	height:23px;
}
.left_round_edge_5px{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}
.right_round_edge_5px{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.round_edge_10px{
    	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.round_edge_5px{
    	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
        
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.post_time{
    font-size:80%;

}
/*
    Sidebar	Featured
*****************/
#sidebar{
    width:180px;
    float:left;
    margin:0px;
    padding:0px;
}
.featured {
	margin-bottom: 2em;
	overflow: hidden;
	padding: 5px 20px 5px 20px;
	width: 180px;
	min-height: 200px;
	float:left;
	margin: 5px;
}
.featured figure {
	border: 2px solid #eee;
	width: 160px;
	height: auto;
	margin:auto;}
.featured figure a{padding:0px; text-decoration:none;}
.featured figure a img {display: block;	width: 160px; height:auto;}
	/*
	Search Result
	****************/
#result_tb tr td font a{color:#CCC; text-decoration:underline;}


footer {
	margin:20px 0; padding: 5px 3px; text-align: right; clear:both; border-top:dotted 1px grey; bottom:10px;
}
